{{#with item}}
<div class="tabs_framed">
    <div class="inner">
        <ul class="tabs clearfix">
            <li class="active"><a href="#fotos" data-toggle="tab">Imagenes</a></li>
            <li><a href="#video" data-toggle="tab">Video</a></li>
        </ul>

        <div class="tab-content boxed clearfix">
            <div class="tab-pane fade in active" id="fotos">
                <div class="widget-container widget_gallery boxed">
                    <div class="inner">
                        <div id="myCarousel" class="carousel slide" data-interval="20000">
                            <!-- Carousel items -->
                            <div class="carousel-inner">
                                <div class="active item">
                                    <img src="{{url}}" alt="{{name}}"/>
                                    <div class="carousel-title">
                                        <h3 class="name">{{name}}</h3>
                                        <p class="name">{{producer}}</p>
                                    </div>
                                </div>
                                <div class="item">
                                    <img src="{{url}}" alt="{{name}}"/>
                                    <div class="carousel-title">
                                        <h3 class="name">{{name}}</h3>
                                        <p class="name">{{producer}}</p>
                                    </div>
                                </div>
                            </div>
                            <!-- Carousel indicators -->
                            <ol class="carousel-indicators">
                                <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                                <li data-target="#myCarousel" data-slide-to="1"></li>
                            </ol>
                            <!-- Carousel nav -->
                            <a class="carousel-control left" href="#myCarousel" data-slide="prev"></a>
                            <a class="carousel-control right" href="#myCarousel" data-slide="next"></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-pane fade" id="video">
               <div class="video_player">
                    <div class="inner">
                        <video id="my_video_1" class="video-js vjs-default-skin" controls loop
                               preload="auto" poster="{{url}}"
                               data-setup="{}">
                            <source src="http://test.themefuse.com/artiom/galapagos.mp4" type='video/mp4'>
                        </video>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{{/with}}
